<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
  <h:head>
    <link rel="stylesheet" type="text/css"  href="css/anunciante.css"/>
   </h:head>
	<h:body>

<div>
	<div id="topo">
		<img id="logoMarca" src="img/LogoMarca.png" alt="" />
	
	</div>		
		<h:form>
			<p:toolbar id="tb">
				<f:facet name="left">
					<p:commandLink style="font-size:12px; margin-left:50px;" value="HOME"  icon="ui-icon-home" action="#{redirectBean.home}"/>
					<p:commandLink style="font-size:12px; margin-left:30px;" value="QUEM SOMOS"  icon="ui-icon-tag" action="#{redirectBean.home}"/> 
					<p:commandLink  style="font-size:12px; margin-left:30px;" value="PROMOÇÕES"  icon="ui-icon-bookmark" action="#{redirectBean.cadastro}"/> 
					<p:commandLink style="font-size:12px; margin-left:30px;" value="COMO CHEGAR"  icon="ui-icon-key" action="#{redirectBean.login}"/>     
				<h:form>
					<p:inputText style="margin:auto auto auto 510px;" placeholder="Buscar.."/>
					<p:commandButton  style="	font-size:15px; "  value="buscar" icon="ui-icon-search"/>
				</h:form>       
				</f:facet>
			</p:toolbar>
		</h:form>
</div>
<div id="corpoPagina">
<div id="infAnunciante">
	
	<!-- Informações do anunciante -->
	
	
	<div id="log">
		<h:outputText style="margin-left:25%; margin-top:90px;" value="#{anuncianteBean.anuncio.anunciante.empresa}"/><br/>
	 	<br/>
	 	<p:graphicImage style="margin-left:25%; width:130px; hegth:130px;" value="Anunciantes/#{anuncianteBean.anuncio.anunciante.id}/#{anuncianteBean.anuncio.anunciante.logo}" /><br/>
	 	<p:graphicImage style=" width:20px; margin-left:110px; hegth:20px;" value="img/twitter.png" />
	 	<p:graphicImage style=" width:20px; margin-left:20px; hegth:20px;" value="img/face.png" />
	 	
	</div>
	
	<div id="ser">
		<h:form   enctype="multipart/form-data"  style="float:left;"> 
					 

						<h:dataTable  style="width:401px; margin-left:53px; margin-top:15px;" var="servico" value="#{servicoBean.servicos}">	   
							<h:inputHidden value="#{servicoBean.servico.id}"/>
							<h:column headerText="Ícone" >
								<p:graphicImage rendered="#{servico.acessibilidade}"  title="Acessibilidade" style="width:40px;" value="Anunciantes/img/acessibilidade-on.png" />
							    <p:graphicImage rendered="#{!servico.acessibilidade}" title="Acessibilidade"  style="width:40px;" value="Anunciantes/img/acessibilidade-off.png" />
							 
							  	
							  	<p:graphicImage rendered="#{servico.ar}"  title="Ar" style="width:40px;  heigth:40px;" value="Anunciantes/img/ar-on.png" />
							    <p:graphicImage rendered="#{!servico.ar}" title="Ar" style="width:40px;   heigth:40px;" value="Anunciantes/img/ar-off.png" />
						
							    
							    <p:graphicImage rendered="#{servico.areaArLivre}"  title="Area com ar livre" style="width:40px; heigth:40px;" value="Anunciantes/img/area-ar-livre-on.png" />
							    <p:graphicImage rendered="#{!servico.areaArLivre}" title="Area com ar livre" style="width:40px; heigth:40px;" value="Anunciantes/img/area-ar-livre-off.png" />
							   
	
							    		 <p:graphicImage rendered="#{servico.areaFumantes}" title="Area para fumantes" style=" width:40px; heigth:40px;" value="Anunciantes/img/area para fumantes-on.png" />
							      		 <p:graphicImage rendered="#{!servico.areaFumantes}" title="Area para fumantes" style="width:40px; heigth:40px;" value="Anunciantes/img/area para fumantes-off.png" /><br/>
							      		

							    		 <p:graphicImage rendered="#{servico.bebida}" title="Bebidas" style="width:40px; heigth:40px;" value="Anunciantes/img/bebida-on.png" />
							      		 <p:graphicImage rendered="#{!servico.bebida}" title="Bebidas" style="width:40px; heigth:40px;" value="Anunciantes/img/bebida-off.png" />	
									

							    		 <p:graphicImage rendered="#{servico.cartaVinho}" title="Carta de vinho" style=" width:40px; heigth:40px;" value="Anunciantes/img/carta de vinho-on.png" />
							      		 <p:graphicImage rendered="#{!servico.cartaVinho}" title="Carta de vinho" style=" width:40px; heigth:40px;" value="Anunciantes/img/carta de vinho-off.png" />	 
							        	
							    		 <p:graphicImage rendered="#{servico.estacionamento}" title="Estacionamento" style="width:40px; heigth:40px;" value="Anunciantes/img/estacionamento-on.png" />
							      		 <p:graphicImage rendered="#{!servico.estacionamento}" title="Estacionamento" style="width:40px; heigth:40px;" value="Anunciantes/img/estacionamento-off.png" />
								 
							    		 <p:graphicImage rendered="#{servico.happyHour}" title="Happy Hour" style="width:40px; heigth:40px;" value="Anunciantes/img/happy hour-on.png" />
							      		 <p:graphicImage rendered="#{!servico.happyHour}" title="Happy Hour" style=" width:40px; heigth:40px;" value="Anunciantes/img/happy hour-off.png" /><br/>
									   
									
							    		 <p:graphicImage rendered="#{servico.manobrista}" title="Monobrista" style="width:40px; heigth:40px;" value="Anunciantes/img/manobrista-on.png" />
							      		 <p:graphicImage rendered="#{!servico.manobrista}" title="Monobrista" style=" width:40px; heigth:40px;" value="Anunciantes/img/manobrista-off.png" />
										 
								
							    		 <p:graphicImage rendered="#{servico.musica}" title="Musica ao vivo" style=" width:40px; heigth:40px;" value="Anunciantes/img/musica-on.png" />
							      		 <p:graphicImage rendered="#{!servico.musica}" title="Musica ao vido" style=" width:40px; heigth:40px;" value="Anunciantes/img/musica-off.png" />
									     
									
							    		 <p:graphicImage rendered="#{servico.reservaMesa}" title="Reserva de mesas" style="width:40px; heigth:40px;" value="Anunciantes/img/reserva de mesa-on.png" />
							      		 <p:graphicImage rendered="#{!servico.reservaMesa}" title="Reserva de mesas" style="width:40px; heigth:40px;" value="Anunciantes/img/reserva de mesa-off.png" /> 
								
									
							    		 <p:graphicImage rendered="#{servico.servicoEntrega}" title="Serviço de entrega" style="width:40px; heigth:40px;" value="Anunciantes/img/servico de entrega-on.png" />
							      		 <p:graphicImage rendered="#{!servico.servicoEntrega}" title="Serviço de entrega" style="width:40px; heigth:40px;" value="Anunciantes/img/servico de entrega-off.png" /><br/>	 
									
									
							    		 <p:graphicImage rendered="#{servico.wiFi}" title="WiFi" style="width:40px; heigth:40px;" value="Anunciantes/img/wifi-on.png" />
							      		 <p:graphicImage rendered="#{!servico.wiFi}" title="WiFi" style="width:40px; heigth:40px;" value="Anunciantes/img/wifi-off.png" />
									
							    </h:column>
							 
							    
							</h:dataTable>
							
							
							
					</h:form>
	</div>
	
	<div id="inf">
		<h:outputText value="#{anuncianteBean.anuncio.anunciante.email}"/><br/>
		<h:outputText value="#{anuncianteBean.anuncio.anunciante.telefone1}"/><br/>
		<h:outputText value="#{anuncianteBean.anuncio.anunciante.telefone2}"/><br/>
		<h:outputText value="#{anuncianteBean.anuncio.anunciante.paginaWeb}"/><br/>
	</div>
	

</div>
<div id="infAnuncio">
	<!-- Informações do anuncio -->

	
	<div id="des">
		<h:outputText value="#{anuncianteBean.anuncio.descricao}"/><br/>

	</div>
	
	<div id="ima">
		<p:graphicImage style="width:100%; hegth:100%	;" value="Anunciantes/#{anuncianteBean.anuncio.anunciante.id}/Anuncio/#{anuncianteBean.anuncio.foto}" />
	</div>
	
	<div id="listAnun">
		<!-- lista de anuncios relacionados -->
	</div>

</div>

</div>	
	
	
<div id="rodaPe">
www.catalogodigital.com.br<br/>
<a class="link" href="https://www.facebook.com/CatalogoDigitalBR">www.facebook.com/CatalogoDigitalBR</a>
</div>

</h:body>
</html>